﻿<html>
<head>
	<script type="text/javascript" src="js/contato.js"></script>
</head>
<body>
	<h1 id="teste2">Contato</h1>
	<p id="teste">
		bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla 
		<a href="#" title="Mensagem" onclick="showContactForm()"> clique aqui para enviar uma mensagem</a> 
		bla bla bla bla bla bla
	</p>
	
	<!-- modal content -->
	<div id="osx-modal-content">
		<div id="osx-modal-title">Mensagem</div>
		<div class="close"><a href="#" class="simplemodal-close">x</a></div>
		<div id="osx-modal-data">
		
		<form id='formulario' action='javascript:sendMail()' method='post'>		
			<input placeholder='Nome' name='nome' id='nome' type='text'>
			<input class="left" placeholder='Email' name='email' id='email' type='text'>
			<input class="right" placeholder='Fone' name='fone' id='fone' type='text'>
			<input placeholder='Assunto' name='assunto' id='assunto' type='text'>
			<textarea placeholder='Mensagem' name='mensagem' id='mensagem'></textarea>
			<input class="right" name='submit' type='submit' value='Enviar'>
		</form>
	
<!-- 			<h2>Hello! I'm SimpleModal!</h2> -->
<!-- 			<p>SimpleModal is a lightweight jQuery Plugin which provides a powerful interface for modal dialog development. Think of it as a modal dialog framework.</p> -->
<!-- 			<p>SimpleModal gives you the flexibility to build whatever you can envision, while shielding you from related cross-browser issues inherent with UI development..</p> -->
<!-- 			<p>As you can see by this example, SimpleModal can be easily configured to behave like an OSX dialog. With a handful options, 2 custom callbacks and some styling, you have a visually appealing dialog that is ready to use!</p> -->
<!-- 			<p><button class="simplemodal-close">Close</button> <span>(or press ESC or click the overlay)</span></p> -->
			
		</div>
	</div>
		
</body>
</html>
